/*
 * Base css file for Black theme
 */


/* Reset all tags                             */
/*--------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img,  ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0;
}

* { 
	margin: 0; padding: 0;
}

html {
	font: 62.5% Arial, sans-serif;
	overflow-y : scroll;
}

body {
	background:#222930 url(/static/img/darkdenim_bg.png) repeat;
	color:#ddd;
	text-align: left;  
	font-size:1.9em;
	line-height: 1.65em; 
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}

h1, h2, h3, h4, h5 {
	color:#e9e9e9;
}

h1 {
	margin: 0.75em 0 0.375em 0;
	letter-spacing: -.02em;
	font: bold 3.35em/1.125em Helvetica, sans-serif;
	text-shadow:2px 2px 0 #000;
	border-bottom: #4B5F6D solid 1px;
	text-align: center;
}

h2 {
	color: #212E3E;
	font-size: 2em;
	line-height: 1.125em;
	margin: 0.75em 0 0.375em 0;
	letter-spacing: -.05em;
	font-weight: bold;
	text-shadow:2px 2px 0 #000;
}

h3 {
	color: #eee;
	font-size:1.625em;
	line-height: 1.384em;
	padding-bottom:0.3em;
}

h4 {
	color: #eee;
	font-size: 1.45em;
	line-height: 1.6em;
	padding-bottom: 0.5em;
}

h5 {
	font-size: 0.99em;
	line-height: 1.3333em;
}

p, ul, ol, dl, blockquote {
	margin: 0 0 1.0em 0;
	line-height: 1.5em;
}

/* Links                                      */
/*--------------------------------------------*/
a {
	color: #3777AF;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:focus {
	color: #5999cf;
	text-decoration: none;
}

ul, ol {
	margin: 0 0 10px 0;
}

/* Header                                     */
/*--------------------------------------------*/
#header {
	margin:0;
	padding:0;
	clear:both;
	height:90px;
	border-bottom:#4EB1BA solid 10px;
}

#header_content {
	margin: 0 auto;
	width: 960px;
}

#logo {
	float: left;
	margin-top:10px;
}

div.logo {
	float: left;
	margin: 0;
	overflow: hidden;
	width: 146px;
	height: 68px;
	background: url(/static/img/logo.png) no-repeat;
}

/* Menu                                       */
/*--------------------------------------------*/
.menu {
	w.idth:450px;
	float:right;
	margin-top:30px;
}

.menu li {
	padding: 0 15px 23px 15px;
	display: inline;
	list-style: none;
}

.menu li a:hover {
	color: #55A4AE;
}

body.home #menu_home a,
body.contact #menu_contact a,
body.whyneed #menu_whyneed a,
body.webest #menu_webest a,
.menu li.selected_item a {
	background-color: #4EB1BA;
	padding: 6px 11px;
	letter-spacing: -1px;
	font: bold 0.89em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.menu li a {
	color: #eee;
	font: bold 0.89em georgia;
	text-transform: uppercase;
	text-decoration: none;
}


/* Content                                    */
/*--------------------------------------------*/
#content {
	margin: 0 auto;
	width: 960px;
}

/* Footer                                     */
/*--------------------------------------------*/
#footer {
	background:#5EAEB7 url(/static/img/footer_bg.gif) repeat-x top center;
	width:100%;
	clear: both;
	height:80px;
}

#footer_content {
	margin: 0 auto;
	width: 960px;
}

#footer_content p {
	float:left;
	color: #D8F3FA;
	font: 1.4em Arial, Helvetica, sans-serif;
	margin-top:0.8em;
	margin-bottom:1.3em;
	text-shadow: 1px 1px 0 #092f37;
}

.copyright {
	clear: both;
	text-align:	center;
	color: #aaa;
	font: 13px  Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

.blue {
	color: #69C9D4;
}
